.footer {
  @apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10 md:grid-flow-col;
  & > * {
    @apply grid place-items-start gap-3;
  }
  &.footer-center {
    @apply place-items-center text-center md:grid-flow-row-dense;
    & > * {
      @apply place-items-center;
    }
  }
  :where(.link) {
    @apply font-normal;
  }
}

.footer-title {
  @apply text-base-content mb-1 font-medium;
}
